<template>
    <div>
        <el-row class="content_right">
            <el-col :span="24">
                <el-row>
                    <div class="content_right_top_left">
                        智能诊断
                        <!-- <span> 105 </span> 有问题项 <span> 105 </span> 请您优化  -->
                    </div>
                    <el-col class="hove_ys" :span="6" v-loading="loading" element-loading-text="拼命解析中"
                        element-loading-spinner="el-icon-loading" element-loading-background="rgba(255,255,255, 1)">
                        <div
                            @click="get_to('https://fxg.jinritemai.com/ffa/eco/experience-score?btm_ppre=a0.b0.c0.d0&btm_pre=a0.b0.c0.d0')">
                            <el-row class="ontent_right_top_bottom">
                                <el-col :span="10">
                                    <div class="ontent_right_top_bottom_top_right">
                                        <div style="font-size: 20px;font-weight: bold">我的体验分</div>
                                        <div style="font-size: 20px;font-weight: bold;">
                                            {{tyf.experience_score.value==-9999?'暂无':tyf.experience_score.value+'分'}}
                                            <span
                                                style="color: rgb(220, 24, 24);">{{tyf.experience_score.rating==-9999?0:tyf.experience_score.rating}}</span>
                                        </div>

                                    </div>
                                </el-col>
                                <el-col :span="14">

                                    <div class="ontent_right_top_bottom_top_right">
                                        <div style="font-size: 10px;font-weight: bold">更新时间:{{newtime}}</div>
                                        <div class="suzi">
                                            较前1日{{tyf.experience_score.rise_than_yesterday==-9999?'-':(tyf.experience_score.rise_than_yesterday==0?'持平':tyf.experience_score.rise_than_yesterday>0?'↑'+tyf.experience_score.rise_than_yesterday:'↓'+Math.abs(tyf.experience_score.rise_than_yesterday))}}
                                            较前7日
                                            {{tyf.experience_score.rise_than_7_day_ago==-9999?'-':(tyf.experience_score.rise_than_7_day_ago==0?'持平':tyf.experience_score.rise_than_7_day_ago>0?'↑'+tyf.experience_score.rise_than_7_day_ago:'↓'+Math.abs(tyf.experience_score.rise_than_7_day_ago))}}
                                        </div>
                                    </div>
                                    <!-- <div class="ontent_right_top_bottom_top_right">
                                    <div style="font-size: 20px;font-weight: bold">我的商城经营分</div>
                                    <div class="suzi"><span style="color:#2379bf;font-size:1.5rem">
                                            {{tyf.level.score}}</span> 分</div>
                                </div> -->
                                </el-col>
                            </el-row>
                        </div>
                        <el-progress :format="pwdFormatF"
                            :percentage="tyf.experience_score.higher_than_peers==-9999?0:((tyf.experience_score.higher_than_peers)*100).toFixed(0)">
                        </el-progress>
                        <!-- <el-row class="ontent_right_top_bottom">
                            <el-col :span="12">
                                <div class="ontent_right_top_bottom_top_right">
                                    <div style="font-size: 20px;font-weight: bold">更新时间</div>
                                    <div class="suzi">{{newtime}}</div>

                                </div>
                            </el-col>
                            <el-col :span="12">
                                <div class="ontent_right_top_bottom_top_right">
                                    <div style="font-size: 20px;font-weight: bold">趋势</div>
                                    <div class="suzi">较昨日{{tyf.level.month_score}}
                                        <span style="color:red">幅度{{tyf.level.score_diff}}分
                                            <i class="el-icon-info"></i></span>
                                    </div>

                                </div>
                            </el-col>
                        </el-row> -->
                    </el-col>
                    <div
                        @click="get_to('https://fxg.jinritemai.com/ffa/growth-common/shelf-score?source=105&btm_ppre=a0.b0.c0.d0&btm_pre=a0.b0.c0.d0')">
                        <el-col :span="4" class="aabbcc hove_ys" v-loading="loading" element-loading-text="拼命解析中"
                            element-loading-spinner="el-icon-loading" element-loading-background="rgba(255,255,255, 1)">
                            <el-row class="ontent_right_top_bottom  ">
                                <el-col :span="24">
                                    <div class="ontent_right_top_bottom_top_right">
                                        <div style="font-size: 20px;font-weight: bold">商城经营分</div>
                                        <div style="color: #252931;font-size: 36px;line-height: 47px;">
                                            {{tyf.level.score==-1?'无':tyf.level.score+'分'}}
                                        </div>
                                    </div>
                                </el-col>

                            </el-row>
                            <div style="text-align:center;font-size: 12px;
                        gap: 4px;
                        color: #617294;
                        line-height: 18px; ">上次{{tyf.level.month_score==-1?'-':tyf.level.month_score}}
                                {{tyf.level.month_score>tyf.level.score?'↓':'↑'}}{{tyf.level.score_diff==0?'-':tyf.level.score_diff+'分'}}
                            </div>
                        </el-col>
                    </div>
                    <div
                        @click="get_to('https://compass.jinritemai.com/shop/mall-recommend?from_page=%2Fshop%2Fsearch%2Ftraffic-analysis&btm_ppre=a6187.b2906.c0.d0&btm_pre=a6187.b09827.c0.d0&btm_show_id=6531b4ce-008f-48ec-88fb-eb2936471d30')">
                        <el-col :span="14" class="hove_ys" style="   border: solid 1px #bfba23;line-height:1.7rem;">
                            <el-row class="content_right_top_right" v-loading="loading" element-loading-text="拼命解析中"
                                element-loading-spinner="el-icon-loading"
                                element-loading-background="rgba(255,255,255, 1)">
                                <el-col :span="8" style="    padding: 20px  0px;">
                                    <div>
                                        <div style="font-size: .9375rem;font-weight: bold;">商品卡点击率</div>
                                        <div>
                                            <el-row class="content_top_right">
                                                <el-col :span="12">
                                                    <div>
                                                        {{datalist.product_click.value?datalist.product_click.value+'%':'0'}}
                                                    </div>
                                                </el-col>
                                                <el-col :span="12">
                                                    <div
                                                        :class="datalist.product_click.ahead=='优秀'?'lu':datalist.product_click.ahead=='较差'?'hon':'lan'">
                                                        {{datalist.product_click.ahead?datalist.product_click.ahead:'-'
                                                        }}
                                                    </div>
                                                </el-col>
                                            </el-row>
                                        </div>
                                        <div>一般水位值<span
                                                style="color: rgb(239, 15, 15);">{{datalist.product_click.benchmark}}
                                                %</span></div>
                                        <div class="spk">
                                            本店{{datalist.product_click.out_period_ratio>0?'↑':'↓'}}{{datalist.product_click.out_period_ratio}}
                                            % | 同行{{datalist.product_click.extra
                                            >0?'↑':'↓'}}{{datalist.product_click.extra}}%
                                        </div>
                                    </div>
                                </el-col>
                                <el-col :span="8" style="    padding: 20px  0px;">
                                    <div>
                                        <div style="font-size: .9375rem;font-weight: bold;">点击-成交转化率</div>
                                        <div>
                                            <el-row class="content_top_right">
                                                <el-col :span="12">
                                                    <div>
                                                        {{datalist.pay_converse_rate_ucnt.value?datalist.pay_converse_rate_ucnt.value:0}}%
                                                    </div>
                                                </el-col>
                                                <el-col :span="12">
                                                    <div
                                                        :class="datalist.pay_converse_rate_ucnt.ahead=='优秀'?'lu':datalist.pay_converse_rate_ucnt.ahead=='较差'?'hon':'lan'">
                                                        {{datalist.pay_converse_rate_ucnt.ahead}}
                                                    </div>
                                                </el-col>
                                            </el-row>
                                        </div>
                                        <div>一般水位值<span
                                                style="color: rgb(239, 15, 15);">{{datalist.pay_converse_rate_ucnt.benchmark}}%</span>
                                        </div>
                                        <div class="spk">
                                            本店{{datalist.pay_converse_rate_ucnt.out_period_ratio>0?'↑':'↓'}}{{datalist.pay_converse_rate_ucnt.out_period_ratio}}
                                            % | 同行{{datalist.pay_converse_rate_ucnt.extra
                                            >0?'↑':'↓'}}{{datalist.pay_converse_rate_ucnt.extra}}%
                                        </div>
                                    </div>
                                </el-col>
                                <el-col :span="8" style="    padding: 20px  0px ;">
                                    <div>
                                        <div style="font-size: .9375rem;font-weight: bold;">成交金额</div>
                                        <div>
                                            <el-row class="content_top_right">
                                                <el-col :span="12">
                                                    <div>{{datalist.pay_amt.value?datalist.pay_amt.value/100:0}}</div>
                                                </el-col>
                                                <el-col :span="12">
                                                    <div
                                                        :class="datalist.pay_amt.ahead=='优秀'?'lu':datalist.pay_amt.ahead=='较差'?'hon':'lan'">
                                                        {{datalist.pay_amt.ahead}}
                                                    </div>
                                                </el-col>
                                            </el-row>
                                        </div>
                                        <div>一般水位值<span
                                                style="color: rgb(239, 15, 15);">{{datalist.pay_amt.benchmark}}</span>
                                        </div>
                                    </div>
                                    <div class="spk">
                                        本店{{datalist.pay_amt.out_period_ratio>0?'↑':'↓'}}{{datalist.pay_amt.out_period_ratio}}
                                        % | 同行{{datalist.pay_amt.extra >0?'↑':'↓'}}{{datalist.pay_amt.extra}}%
                                    </div>
                                </el-col>

                            </el-row>
                            <!-- <el-row>
                            <div class="map4" id="echarts" ref="echarts"></div>
                        </el-row> -->
                        </el-col>
                    </div>
                </el-row>
                <el-row>
                    <el-col :span="24">

                        <el-row>

                            <div>

                                <el-col :span="12" class="content_right_left" v-loading="loading"
                                    element-loading-text="拼命解析中" element-loading-spinner="el-icon-loading"
                                    element-loading-background="rgba(255,255,255, 1)">

                                    <el-row>
                                        <el-col :span="8" class="">
                                            <div class="ty_type hove_ys" @click="scroll_view('.scroll1')">
                                                <div class="ty_type_title">
                                                    商品体验
                                                    <div></div>
                                                </div>
                                                <div class="ty_type_content">
                                                    {{tyf.goods_score.value==-9999?'-':tyf.goods_score.value}}
                                                    <span
                                                        class="ty_type_content_zt_lu">{{tyf.goods_score.rating==-9999?0:tyf.goods_score.rating}}</span>
                                                </div>
                                                <div class="bfb">X25%</div>
                                                <div class="jqyr">
                                                    较前一日
                                                    <span>{{tyf.goods_score.rise_than_yesterday>0?'↑':'↓'}}{{tyf.goods_score.rise_than_yesterday?tyf.goods_score.rise_than_yesterday==-9999?0:(tyf.goods_score.rise_than_yesterday==0?'持平':Math.abs(tyf.goods_score.rise_than_yesterday)+'分'):0}}</span>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="8">
                                            <div class="ty_type hove_ys" @click="scroll_view('.scroll2')">
                                                <div class="ty_type_title">
                                                    物流体验
                                                    <div></div>
                                                </div>
                                                <div class="ty_type_content">
                                                    {{tyf.logistics_score.value==-9999?'-':tyf.logistics_score.value}}
                                                    <span
                                                        class="ty_type_content_zt_lu">{{tyf.logistics_score.rating}}</span>
                                                </div>
                                                <div class="bfb">X35%</div>
                                                <div class="jqyr">
                                                    较前一日
                                                    <span>{{tyf.logistics_score.rise_than_yesterday>0?'↑':'↓'}}{{tyf.logistics_score.rise_than_yesterday?tyf.logistics_score.rise_than_yesterday==-9999?0:(tyf.logistics_score.rise_than_yesterday==0?'持平':Math.abs(tyf.logistics_score.rise_than_yesterday)+'分'):0}}</span>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="8">
                                            <div class="ty_type hove_ys" @click="scroll_view('.scroll3')">
                                                <div class="ty_type_title">
                                                    服务体验

                                                </div>
                                                <div class="ty_type_content">
                                                    {{tyf.service_score.value==-9999?'-':tyf.service_score.value}}
                                                    <span
                                                        class="ty_type_content_zt_lu">{{tyf.service_score.rating}}</span>
                                                </div>
                                                <div class="bfb">X40%</div>
                                                <div class="jqyr">
                                                    较前一日
                                                    <span>{{tyf.service_score.rise_than_yesterday>0?'↑':'↓'}}{{tyf.service_score.rise_than_yesterday?tyf.service_score.rise_than_yesterday==-9999?0:(tyf.service_score.rise_than_yesterday==0?'持平':Math.abs(tyf.service_score.rise_than_yesterday)+'分'):0}}</span>
                                                </div>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <div class="title1 scroll1">商品体验 <span class="qzzb"> 权重占比25%</span> <span
                                            class="ph_style"
                                            @click="get_to('https://fxg.jinritemai.com/ffa/eco/experience-score?btm_ppre=a0.b0.c0.d0&btm_pre=a0.b0.c0.d0')">优化</span>
                                    </div>
                                    <el-row>
                                        <!-- <div class="spty_title_map">
                                        <div>
                                            <div>
                                                <el-row>
                                                    <el-col :span="8"> <div class="title_tyf" style="text-align: left;">订单量达成23,426/400</div></el-col>
                                                    <el-col :span="8"> <div class="title_tyf" style="flex: 1 1;text-align: center;">指标达到优质标准(1/3)</div></el-col>
                                                    <el-col :span="8"></el-col>
                                                  </el-row>  
                                            </div>
                                            <div>
                                                <el-row>
                                                    <el-col :span="8"><el-progress color="#694829" :show-text="false" :percentage="50"></el-progress></el-col>
                                                    <el-col :span="8"><el-progress color="#694829" :show-text="false"  :percentage="50"></el-progress></el-col>
                                                    <el-col :span="8"><div class="right_bhf">商品体验分获得<span class="right_bhf_fs">90</span>分保护</div></el-col>
                                                  </el-row>
                                            </div>
                                        </div>
                                      
                                    </div> -->
                                        <el-col :span="12" class="">
                                            <el-row class="border_radiu hove_ys">
                                                <el-col :span="10" class="borde_box">
                                                    <div class="font1">{{(tyf.shop_analysis[0].title)}}</div>
                                                    <div class="tb_name">
                                                        {{tyf.shop_analysis[0].value.value_figure==-9999?'-':(tyf.shop_analysis[0].value.value_figure*100).toFixed(2)+'%'}}
                                                    </div>
                                                    <div class="cy">
                                                        较前一日{{tyf.shop_analysis[0].compare_with_self.rise_than_yesterday>0?'↑':'↓'}}{{Math.abs((tyf.shop_analysis[0].compare_with_self.rise_than_yesterday*100).toFixed(2))}}%
                                                    </div>
                                                    <div class="cy">
                                                        超越{{tyf.shop_analysis[0].surpass_peers.value_figure==-9999?'-':(tyf.shop_analysis[0].surpass_peers.value_figure*100).toFixed(2)+'%'}}同行
                                                    </div>
                                                </el-col>
                                                <el-col :span="14">
                                                    <div class="map" style="width: 100%;" ref="echarts0"></div>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                        <el-col :span="12" class="">
                                            <el-row class="border_radiu hove_ys">
                                                <el-col :span="10" class="borde_box">
                                                    <div class="font1">{{(tyf.shop_analysis[1].title)}}</div>
                                                    <div class="tb_name">
                                                        {{tyf.shop_analysis[1].value.value_figure==-9999?'-':(tyf.shop_analysis[1].value.value_figure*100).toFixed(2)+'%'}}
                                                    </div>
                                                    <div class="cy">
                                                        较前一日{{tyf.shop_analysis[1].compare_with_self.rise_than_yesterday>0?'↑':'↓'}}{{Math.abs((tyf.shop_analysis[1].compare_with_self.rise_than_yesterday*100).toFixed(2))}}%

                                                    </div>
                                                    <div class="cy">
                                                        超越{{tyf.shop_analysis[1].surpass_peers.value_figure==-9999?'-':(tyf.shop_analysis[1].surpass_peers.value_figure*100).toFixed(2)+'%'}}同行
                                                    </div>
                                                </el-col>
                                                <el-col :span="14">
                                                    <div class="map" ref="echarts1"></div>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </el-row>


                                    <div class="title1 scroll2">物流体验权 <span class="qzzb"> 权重占比35%</span></div>
                                    <div class="spty_title_map">
                                        <div>
                                            <div>
                                                <el-row>
                                                    <el-col :span="8">
                                                        <div class="title_tyf" style="text-align: left;">
                                                            订单量达成{{tyf.shop_sub_score?tyf.shop_sub_score[1].quality_standard_order_cnt:''}}/400
                                                        </div>
                                                    </el-col>
                                                    <el-col :span="8">
                                                        <div class="title_tyf" style="flex: 1 1;text-align: center;">
                                                            指标达到优质标准({{tyf.shop_sub_score?tyf.shop_sub_score[1].satisfied_cnt:0}}/{{tyf.shop_sub_score?tyf.shop_sub_score[1].checked_cnt:0}})
                                                        </div>
                                                    </el-col>
                                                    <el-col :span="8">
                                                        <div class="grid-content bg-purple"></div>
                                                    </el-col>
                                                </el-row>
                                            </div>
                                            <div>
                                                <el-row>
                                                    <el-col :span="8">
                                                        <el-progress color="#694829" :show-text="false"
                                                            :percentage="tyf.shop_sub_score?(tyf.shop_sub_score[1].quality_standard_order_cnt/400>1?100:tyf.shop_sub_score[1].quality_standard_order_cnt/400):''">
                                                        </el-progress>
                                                    </el-col>
                                                    <el-col :span="8">
                                                        <el-progress color="#694829" :show-text="false"
                                                            :percentage="tyf.shop_sub_score?(tyf.shop_sub_score[1].satisfied_cnt/tyf.shop_sub_score[1].checked_cnt*100):''">
                                                        </el-progress>
                                                    </el-col>
                                                    <el-col :span="8">
                                                        <div class="right_bhf">物流体验分获得<span
                                                                class="right_bhf_fs">90</span>分保护</div>
                                                    </el-col>
                                                </el-row>
                                            </div>
                                        </div>

                                    </div>
                                    <el-row>
                                        <el-col :span="12" class="">
                                            <el-row class="border_radiu hove_ys">
                                                <el-col :span="10" class="borde_box">
                                                    <div class="font1">{{(tyf.shop_analysis[2].title)}}</div>
                                                    <div class="tb_name">
                                                        {{tyf.shop_analysis[2].value.value_figure==-9999?'-':(tyf.shop_analysis[2].value.value_figure).toFixed(2)+'小时'}}
                                                    </div>
                                                    <div class="cy">
                                                        较前一日{{tyf.shop_analysis[2].compare_with_self.rise_than_yesterday>0?'↑':'↓'}}{{Math.abs((tyf.shop_analysis[2].compare_with_self.rise_than_yesterday*100).toFixed(2))}}%

                                                    </div>
                                                    <div class="cy">
                                                        超越{{tyf.shop_analysis[2].surpass_peers.value_figure==-9999?'-':(tyf.shop_analysis[2].surpass_peers.value_figure*100).toFixed(2)+'%'}}同行
                                                    </div>
                                                </el-col>
                                                <el-col :span="14">
                                                    <div class="map" ref="echarts2"></div>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                        <el-col :span="12" class="">
                                            <el-row class="border_radiu hove_ys">
                                                <el-col :span="10" class="borde_box">
                                                    <div class="font1">{{(tyf.shop_analysis[3].title)}}</div>
                                                    <div class="tb_name">
                                                        {{tyf.shop_analysis[3].value.value_figure==-9999?'-':(tyf.shop_analysis[3].value.value_figure*100).toFixed(2)+'%'}}
                                                    </div>
                                                    <div class="cy">
                                                        较前一日{{tyf.shop_analysis[3].compare_with_self.rise_than_yesterday>0?'↑':'↓'}}{{Math.abs((tyf.shop_analysis[3].compare_with_self.rise_than_yesterday*100).toFixed(2))}}%

                                                    </div>
                                                    <div class="cy">
                                                        超越{{tyf.shop_analysis[3].surpass_peers.value_figure==-9999?'-':(tyf.shop_analysis[3].surpass_peers.value_figure*100).toFixed(2)+'%'}}同行
                                                    </div>
                                                </el-col>
                                                <el-col :span="14">
                                                    <div class="map" ref="echarts3"></div>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="12" class="">
                                            <el-row class="border_radiu hove_ys">
                                                <el-col :span="10" class="borde_box">
                                                    <div class="font1">{{(tyf.shop_analysis[4].title)}}</div>
                                                    <div class="tb_name">
                                                        {{tyf.shop_analysis[4].value.value_figure==-9999?'-':(tyf.shop_analysis[4].value.value_figure*100).toFixed(2)+'%'}}
                                                    </div>
                                                    <div class="cy">
                                                        较前一日{{tyf.shop_analysis[4].compare_with_self.rise_than_yesterday>0?'↑':'↓'}}{{Math.abs((tyf.shop_analysis[4].compare_with_self.rise_than_yesterday*100).toFixed(2))}}%

                                                    </div>
                                                    <div class="cy">
                                                        超越{{tyf.shop_analysis[4].surpass_peers.value_figure==-9999?'-':(tyf.shop_analysis[4].surpass_peers.value_figure*100).toFixed(2)+'%'}}同行
                                                    </div>
                                                </el-col>
                                                <el-col :span="14">
                                                    <div class="map" ref="echarts4"></div>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                        <el-col :span="12" class="">
                                            <el-row class="border_radiu hove_ys">
                                                <el-col :span="10" class="borde_box">
                                                    <div class="font1">{{(tyf.shop_analysis[5].title)}}</div>
                                                    <div class="tb_name">
                                                        {{tyf.shop_analysis[5].value.value_figure==-9999?'-':(tyf.shop_analysis[5].value.value_figure).toFixed(2)+'小时'}}
                                                    </div>
                                                    <div class="cy">
                                                        较前一日{{tyf.shop_analysis[5].compare_with_self.rise_than_yesterday>0?'↑':'↓'}}{{Math.abs((tyf.shop_analysis[5].compare_with_self.rise_than_yesterday*100).toFixed(2))}}%

                                                    </div>
                                                    <div class="cy">
                                                        超越{{tyf.shop_analysis[5].surpass_peers.value_figure==-9999?'-':(tyf.shop_analysis[5].surpass_peers.value_figure*100).toFixed(2)+'%'}}同行
                                                    </div>
                                                </el-col>
                                                <el-col :span="14">
                                                    <div class="map" ref="echarts5"></div>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </el-row>


                                    <div class="title1 scroll3">服务体验 <span class="qzzb"> 权重占比40%</span></div>
                                    <div class="spty_title_map">
                                        <div>
                                            <div>
                                                <el-row>
                                                    <el-col :span="8">
                                                        <div class="title_tyf" style="text-align: left;">
                                                            订单量达成{{tyf.shop_sub_score?tyf.shop_sub_score[2].quality_standard_order_cnt:''}}/400
                                                        </div>
                                                    </el-col>
                                                    <el-col :span="8">
                                                        <div class="title_tyf" style="flex: 1 1;text-align: center;">
                                                            指标达到优质标准({{tyf.shop_sub_score?tyf.shop_sub_score[2].satisfied_cnt:''}}/{{tyf.shop_sub_score?tyf.shop_sub_score[2].checked_cnt:''}})
                                                        </div>
                                                    </el-col>
                                                    <el-col :span="8">
                                                        <div class="grid-content bg-purple"></div>
                                                    </el-col>
                                                </el-row>
                                            </div>
                                            <div>
                                                <el-row>
                                                    <el-col :span="8">
                                                        <el-progress color="#694829" :show-text="false"
                                                            :percentage="tyf.shop_sub_score?(tyf.shop_sub_score[2].quality_standard_order_cnt/400>1?100:tyf.shop_sub_score[2].quality_standard_order_cnt/400):''">
                                                        </el-progress>
                                                    </el-col>
                                                    <el-col :span="8">
                                                        <el-progress color="#694829" :show-text="false"
                                                            :percentage="tyf.shop_sub_score?(tyf.shop_sub_score[2].satisfied_cnt/tyf.shop_sub_score[2].checked_cnt*100):''">
                                                        </el-progress>
                                                    </el-col>
                                                    <el-col :span="8">
                                                        <div class="right_bhf">服务体验分获得<span
                                                                class="right_bhf_fs">90</span>分保护</div>
                                                    </el-col>
                                                </el-row>
                                            </div>
                                        </div>

                                    </div>
                                    <el-row>
                                        <el-col :span="12" class="">
                                            <el-row class="border_radiu hove_ys">
                                                <el-col :span="10" class="borde_box">
                                                    <div class="font1">{{(tyf.shop_analysis[6].title)}}</div>
                                                    <div class="tb_name">
                                                        {{tyf.shop_analysis[6].value.value_figure==-9999?'-':(tyf.shop_analysis[6].value.value_figure).toFixed(2)+'%'}}
                                                    </div>
                                                    <div class="cy">
                                                        较前一日{{tyf.shop_analysis[6].compare_with_self.rise_than_yesterday>0?'↑':'↓'}}{{tyf.shop_analysis[6].surpass_peers.value_figure==-9999?'-':(Math.abs((tyf.shop_analysis[6].compare_with_self.rise_than_yesterday*100).toFixed(2)))}}%

                                                    </div>
                                                    <div class="cy">
                                                        超越{{tyf.shop_analysis[6].surpass_peers.value_figure==-9999?'-':(tyf.shop_analysis[6].surpass_peers.value_figure*100).toFixed(2)+'%'}}同行
                                                    </div>
                                                </el-col>
                                                <el-col :span="14">
                                                    <div class="map" ref="echarts6"></div>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                        <el-col :span="12" class="">
                                            <el-row class="border_radiu hove_ys">
                                                <el-col :span="10" class="borde_box">
                                                    <div class="font1">{{(tyf.shop_analysis[7].title)}}</div>
                                                    <div class="tb_name">
                                                        {{tyf.shop_analysis[7].value.value_figure==-9999?'-':(tyf.shop_analysis[7].value.value_figure).toFixed(2)+'小时'}}
                                                    </div>
                                                    <div class="cy">
                                                        较前一日{{tyf.shop_analysis[7].compare_with_self.rise_than_yesterday>0?'↑':'↓'}}{{Math.abs((tyf.shop_analysis[7].compare_with_self.rise_than_yesterday*100).toFixed(2))}}%

                                                    </div>
                                                    <div class="cy">
                                                        超越{{tyf.shop_analysis[7].surpass_peers.value_figure==-9999?'-':(tyf.shop_analysis[7].surpass_peers.value_figure*100).toFixed(2)+'%'}}同行
                                                    </div>
                                                </el-col>
                                                <el-col :span="14">
                                                    <div class="map" ref="echarts7"></div>
                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </el-row>





                                </el-col>
                            </div>
                            <el-col :span="12" style="margin-top: 8px;">

                                <el-row style="border: 1px solid #eeeff0">
                                    <div>
                                        <el-col class="hove_ys" :span="12" 
                                            style="padding: 8px 12px;" element-loading-text="拼命解析中"
                                            element-loading-spinner="el-icon-loading"
                                            element-loading-background="rgba(255,255,255, 1)">
                                            <el-row>
                                                <el-col :span="24">
                                                    <div style="padding: 8px;" class="content_left_content_left">
                                                        商品管理 <span class="ph_style"
                                                            @click="get_to('https://fxg.jinritemai.com/ffa/g/list?btm_ppre=a0.b0.c0.d0&btm_pre=a0.b0.c0.d0')">优化</span>

                                                    </div>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="10">
                                                    <div v-for="(item ,index) in sh_data"
                                                        class="content_left_bottom_content">
                                                        {{item.name}}
                                                        <span style=""> {{item.num}}个</span>
                                                    </div>
                                                </el-col>
                                                <el-col :span="14">
                                                    <div class="map3" style="width:100%" ref="echarts11"></div>

                                                </el-col>
                                            </el-row>
                                        </el-col>
                                    </div>
                                    <div>
                                        <el-col class="hove_ys" :span="12" v-loading="loading4"
                                            element-loading-text="拼命解析中" element-loading-spinner="el-icon-loading"
                                            element-loading-background="rgba(255,255,255, 1)">
                                            <el-row>
                                                <el-col :span="24" style="padding-left: 10px;
                                                padding-top: 16px;">
                                                    <div class="content_left_content_left">
                                                        评价管理
                                                        <span
                                                            style="text-align: right;width:100%;font-size:10px">总评价数:{{pj.total}}
                                                        </span>
                                                        <span class="ph_style"
                                                            @click="get_to('https://fxg.jinritemai.com/ffa/maftersale/comment?btm_ppre=a0.b0.c0.d0&btm_pre=a0.b0.c0.d0')">优化</span>
                                                    </div>
                                                </el-col>
                                            </el-row>
                                            <el-row class="content_left_content_right">
                                                <el-col :span="6">
                                                    <div>
                                                        <span style="font-size: 0.6rem;">差评数</span>
                                                    </div>
                                                    <div>
                                                        {{pj.bad}}条
                                                    </div>
                                                </el-col>
                                                <el-col :span="6">
                                                    <div>
                                                        <span style="font-size: 0.6rem;">中评数</span>
                                                    </div>
                                                    <div>
                                                        {{pj.min}}条
                                                    </div>
                                                </el-col>
                                                <el-col :span="6">
                                                    <div>
                                                        <span style="font-size: 0.6rem;">近30天差评率</span>
                                                    </div>
                                                    <div>
                                                        {{pj.last_30days_value}}
                                                    </div>
                                                </el-col>
                                                <el-col :span="6">
                                                    <div>
                                                        <span style="font-size: 0.6rem;">带图评价</span>
                                                    </div>
                                                    <div>
                                                        {{pj.bad_pic}}条
                                                    </div>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="24">
                                                    <div class="map2" style="width:100%;height: 200px;" id="echarts2"
                                                        ref="echarts10"></div>
                                                </el-col>
                                            </el-row>

                                        </el-col>
                                    </div>
                                </el-row>
                                <el-row>
                                    <div>

                                        <el-col :span="24" v-loading="loading5" element-loading-text="拼命解析中"
                                            element-loading-spinner="el-icon-loading"
                                            element-loading-background="rgba(255,255,255, 1)">
                                            <el-row style="margin-top:1.22rem;">
                                                <el-col :span="6">
                                                    <div style="margin:0 1.5625rem" class="content_right_title">商品诊断
                                                    </div>
                                                    <!-- <span class="ph_style" @click="get_to('https://fxg.jinritemai.com/ffa/g/diagnose?btm_ppre=a0.b0.c0.d0&btm_pre=a0.b0.c0.d0')">优化</span> -->
                                                </el-col>
                                                <el-col
                                                    style="    background: linear-gradient(280.9deg, transparent, rgba(255, 236, 218, .1) 8.07%, rgba(255, 146, 38, .08)) ;height:100%;border-radius: .125rem;padding:5px"
                                                    :span="18">
                                                    
                                                    <div class="">发现 <span
                                                            style="color:chocolate;font-size:20px;">{{sszd.product_num_to_improve}}</span>个问题商品,<span
                                                            style="color:rgb(210, 66, 30);font-size:20px;">{{sszd.problem_num_total}}</span>个问题项，建议尽快优化！
                                                    </div>
                                                </el-col>
                                            </el-row>
                                            <el-row>
                                                <el-col :span="24">
                                                    <div
                                                    @click="get_to('https://fxg.jinritemai.com/ffa/g/diagnose?btm_ppre=a0.b0.c0.d0&btm_pre=a0.b0.c0.d0')" class=''
                                                        style='height: 600px;width:scal(100%-20px) ;margin-left:1.25rem;'>
                                                        <el-table :data='sszdList' ref="spzd" id="boxed" :height='600'
                                                            style='width: 100%'>
                                                            <el-table-column label='商品名称' prop='name'>
                                                                <template slot-scope="scope">
                                                                    <el-row>
                                                                        <el-col :span="8"> <img
                                                                                style="width:40px;height:40px"
                                                                                :src="scope.row.img" alt=""></el-col>
                                                                        <el-col :span="16">
                                                                            <div style="font-size: 10px;" class="line">
                                                                                {{scope.row.name}}</div>

                                                                            <div style="font-size: 10px;">
                                                                                ID:{{scope.row.id}}</div>
                                                                        </el-col>
                                                                    </el-row>


                                                                </template>
                                                            </el-table-column>
                                                            <el-table-column label='商品问题' prop='optimize_doc'>
                                                            </el-table-column>
                                                            <el-table-column label='影响' prop='affect_doc'>
                                                            </el-table-column>
                                                            <el-table-column label='近30天销量' prop='sell_num_30d'>
                                                            </el-table-column>
                                                        </el-table>
                                                    </div>
                                                </el-col>
                                            </el-row>

                                        </el-col>
                                    </div>
                                </el-row>


                            </el-col>
                            <el-col :span="24">
                                <el-row>
                                    <div>
                                        <el-col :span="12" v-loading="loading6" element-loading-text="拼命解析中"
                                            element-loading-spinner="el-icon-loading"
                                            element-loading-background="rgba(255,255,255, 1)">
                                            <div style="font-weight: bold;margin: 1.5625rem;">限时限量购 <span
                                                    class="ph_style"
                                                    @click="get_to('https://fxg.jinritemai.com/ffa/marketing/tools/limitsales?btm_ppre=a0.b0.c0.d0&btm_pre=a0.b0.c0.d0')">优化</span>
                                            </div>
                                            <div class=''
                                                style='height: 260px;width:scal(100%-20px) ;margin-left:1.25rem;'>

                                                <el-table :data='xslgList' ref="xslg" id="xslg" :height='240'
                                                    style='width: 100%'>

                                                    <el-table-column label='活动名称' prop='title'>
                                                    </el-table-column>
                                                    <el-table-column label='预热开始时间' prop='pre_begin_time'>
                                                    </el-table-column>
                                                    <el-table-column label='活动时间' prop='begin_time'>
                                                    </el-table-column>
                                                    <el-table-column label='状态' prop='status'>
                                                        <template slot-scope="scope">
                                                            <el-tag
                                                                :type="scope.row.status === '2' ? 'primary' : 'success'"
                                                                disable-transitions>
                                                                {{scope.row.status==2?'进行中':'关闭中'}}</el-tag>
                                                        </template>
                                                    </el-table-column>
                                                </el-table>
                                            </div>
                                        </el-col>
                                    </div>
                                    <div>
                                        <el-col :span="12" v-loading="loading7" element-loading-text="拼命解析中"
                                            element-loading-spinner="el-icon-loading"
                                            element-loading-background="rgba(255,255,255, 1)">
                                            <div style="font-weight: bold;margin: 1.5625rem;">满减数据概览 <span
                                                    class="ph_style"
                                                    @click="get_to('https://fxg.jinritemai.com/ffa/marketing/tools/moneyoff?btm_ppre=a0.b0.c0.d0&btm_pre=a0.b0.c0.d0')">优化</span>
                                            </div>
                                            <div class=''
                                                style='height: 260px;width:scal(100%-20px) ;margin-left:1.25rem;'>
                                                <el-table ref="mjgl" id="mjgl" :data='mjList' :height='240'
                                                    style='width: 100%'>
                                                    <el-table-column label='优惠政策' prop='discounts_msg'>
                                                    </el-table-column>
                                                    <el-table-column label='开始时间' prop='start_time'>
                                                    </el-table-column>
                                                    <el-table-column label='结束时间' prop='end_time'>
                                                    </el-table-column>
                                                </el-table>
                                            </div>
                                        </el-col>
                                    </div>
                                </el-row>
                            </el-col>

                            <el-col :span="24" v-loading="loading8" element-loading-text="拼命解析中"
                                element-loading-spinner="el-icon-loading"
                                element-loading-background="rgba(255,255,255, 1)">
                                <div>
                                    <el-row>
                                        <div style="font-weight: bold;margin: 1.5625rem;">优惠卷 <span class="ph_style"
                                                @click="get_to('https://fxg.jinritemai.com/ffa/marketing/coupon/home?btm_ppre=a0.b0.c0.d0&btm_pre=a0.b0.c0.d0&tab=create')">优化</span>
                                        </div>
                                        <div class='' style='height: 220px;width:scal(100%-20px) ;margin-left:1.25rem;'>
                                            <el-table :data='yhjList' ref="yhj" id="yhj" :height='220'
                                                style='width: 100%'>
                                                <el-table-column label='优惠卷信息' prop='coupon_name'>
                                                </el-table-column>
                                                <el-table-column label='优惠内容' prop='coupon_name1'>
                                                </el-table-column>
                                                <el-table-column label='开始时间' prop='start_apply_time'>
                                                </el-table-column>
                                                <el-table-column label='结束时间' prop='end_apply_time'>
                                                </el-table-column>
                                                <el-table-column label='张数' prop='total_num'>
                                                </el-table-column>
                                                <el-table-column label='状态' prop='status'>
                                                    <template slot-scope="scope">
                                                        <el-tag :type="scope.row.status === '2' ? 'primary' : 'success'"
                                                            disable-transitions>{{scope.row.status==3?'进行中':'关闭中'}}
                                                        </el-tag>
                                                    </template>
                                                </el-table-column>
                                            </el-table>
                                        </div>
                                    </el-row>
                                </div>
                            </el-col>
                        </el-row>
                    </el-col>

                </el-row>
            </el-col>
        </el-row>
        <!-- <el-row class="content_right" style="margin-top:.625rem;">
            
        </el-row> -->
    </div>
</template>
<script>
    import axios from 'axios'
    var rolltimer, rolltimer1, rolltimer2, rolltimer3
    export default {
        components: {
        },
        data() {
            return {
                loading: true,
                loading1: true,
                loading2: true,
                loading3: true,
                loading4: true,
                loading5: true,
                loading6: true,
                loading7: true,
                loading8: true,
                sh_data: [
                    { name: '好评率高90%', num: 0 },
                    { name: '好评率低80%', num: 0 },
                    { name: '售卖中的数量', num: 0 },
                    { name: '商店商品数量', num: 0 },
                    { name: '前一天上新数量', num: 0 },
                    { name: '品退数', num: 0 },
                ],
                pj: {
                    bad: '',
                    last_30days_value: '',
                    mid: '',
                    pic: '',
                    total: ''
                },
                sszd: {
                    list: {},
                    problem_num_total: '',
                    product_num_to_improve: ''
                },
                tyf: {
                    experience_score: {
                        "rise_than_yesterday": 0,
                        "is_mask_detail": false,
                        "rating": "",
                        "weight": 0,
                        "rise_than_7_day_ago": 0,
                        "value": 0,
                        "higher_than_peers": 0
                    },
                    level: {
                        month_score: '',
                        score: '',
                        score_diff: '',
                        hover: '',
                        threshold_list: '',
                        level: '',
                        progress_hover: '',
                        month_level: '',
                        month_score: '',
                        score_trend: '',
                        level_trend: ''





                    },
                    product_card_msg: {},
                    goods_score: {},
                    shop_sub_score: [
                        {
                            checked_cnt: '',
                            quality_standard_order_cnt: '',
                            satisfied_cnt: ''
                        },
                        {
                            checked_cnt: '',
                            quality_standard_order_cnt: '',
                            satisfied_cnt: ''
                        },
                        {
                            checked_cnt: '',
                            quality_standard_order_cnt: '',
                            satisfied_cnt: ''
                        }
                    ],
                    logistics_score: {},
                    service_score: {},
                    shop_analysis: [
                        {
                            "value": {
                                "value_type": 0,
                                "value_figure": 0.0
                            },
                            "surpass_peers": {
                                "value_type": 0,
                                "value_figure": 0.0
                            },
                            "compare_with_self": {
                                "rise_than_yesterday": 0.0,
                                "rating": ""
                            },

                        },
                        {
                            "value": {
                                "value_type": 0,
                                "value_figure": 0.0
                            },
                            "surpass_peers": {
                                "value_type": 0,
                                "value_figure": 0.0
                            },
                            "compare_with_self": {
                                "rise_than_yesterday": 0.0,
                                "rating": ""
                            },

                        },
                        {
                            "value": {
                                "value_type": 0,
                                "value_figure": 0.0
                            },
                            "surpass_peers": {
                                "value_type": 0,
                                "value_figure": 0.0
                            },
                            "compare_with_self": {
                                "rise_than_yesterday": 0.0,
                                "rating": ""
                            },

                        },
                        {
                            "value": {
                                "value_type": 0,
                                "value_figure": 0.0
                            },
                            "surpass_peers": {
                                "value_type": 0,
                                "value_figure": 0.0
                            },
                            "compare_with_self": {
                                "rise_than_yesterday": 0.0,
                                "rating": ""
                            },

                        },
                        {
                            "value": {
                                "value_type": 0,
                                "value_figure": 0.0
                            },
                            "surpass_peers": {
                                "value_type": 0,
                                "value_figure": 0.0
                            },
                            "compare_with_self": {
                                "rise_than_yesterday": 0.0,
                                "rating": ""
                            },

                        },
                        {
                            "value": {
                                "value_type": 0,
                                "value_figure": 0.0
                            },
                            "surpass_peers": {
                                "value_type": 0,
                                "value_figure": 0.0
                            },
                            "compare_with_self": {
                                "rise_than_yesterday": 0.0,
                                "rating": ""
                            },

                        },
                        {
                            "value": {
                                "value_type": 0,
                                "value_figure": 0.0
                            },
                            "surpass_peers": {
                                "value_type": 0,
                                "value_figure": 0.0
                            },
                            "compare_with_self": {
                                "rise_than_yesterday": 0.0,
                                "rating": ""
                            },

                        },
                        {
                            "value": {
                                "value_type": 0,
                                "value_figure": 0.0
                            },
                            "surpass_peers": {
                                "value_type": 0,
                                "value_figure": 0.0
                            },
                            "compare_with_self": {
                                "rise_than_yesterday": 0.0,
                                "rating": ""
                            },

                        }
                    ],
                },
                sszdList: [],
                xslgList: [],
                yhjList: [],
                mjList: [],
                tableData: [{ name: '123' }, { name: '123' }, { name: '123' }, { name: '123' }, { name: '123' }],
                echartlist: [
                    {
                        title: '商品体验',
                    },
                    {
                        title: '物流体验',
                    }, {
                        title: '',
                    },
                    {
                        title: '服务体验',
                    },
                ],
                datalist: {
                    pay_amt: {},
                    product_click: {},
                    pay_converse_rate_ucnt: {},
                },
                xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
                yData: [23, 24, 18, 25, 27, 28, 25], //人数数据
                taskDate: [10, 11, 9, 17, 14, 13, 14],
                newtime: ''
                // myChartStyle: { float: "left", width: "100%", height: "400px" } //图表样式
            };
        },
        beforeCreate: function () {


        },
        created: function () {
            let now = new Date();
            let year = now.getFullYear();
            let month = now.getMonth() + 1;
            let day = now.getDate();
            let hour = now.getHours();
            let minute = now.getMinutes();
            let second = now.getSeconds();
            this.newtime = (`${year}-${month}-${day} ${hour}:${minute}:${second}`);
            var that = this
            //评价
            axios({
                method: 'get',
                url: 'http://doudian-api.fd1.cc/api/pingjia_guanli?shop_id=' + this.$store.state.shop_id
            })
                .then(function (response) {
                    if (response.data.code == 0) {
                        that.pj = response.data.data
                    }

                    that.loading
                    console.log('评价管理', that.pj)
                })
                .catch(function (error) {
                    console.log(error)
                })
            //商品诊断
            axios({
                method: 'get',
                url: 'http://doudian-api.fd1.cc/api/shanpin_zhenduan?shop_id=' + this.$store.state.shop_id
            })
                .then(function (response) {
                    if (response.data.code == 0) {
                        that.sszd = response.data.data
                        that.sszdList = response.data.data.list
                        console.log('商品诊断', that.sszd)
                    }

                    that.loading5 = false
                })
                .catch(function (error) {
                    that.loading5 = false

                })
            //体验分
            axios({
                method: 'get',
                url: 'http://doudian-api.fd1.cc/api/tiyanfen?shop_id=' + this.$store.state.shop_id
            })
                .then(function (response) {
                    console.log('体验分', response)
                    if (response.data.code == 0 && response.data.data.product_card_msg.product_click) {
                        that.datalist = response.data.data.product_card_msg
                       
                    }
                    that.tyf = response.data.data
                    that.loading = false

                })
                .catch(function (error) {
                    console.log(error)
                })
            //奖惩中心

            axios({
                method: 'get',
                url: 'http://doudian-api.fd1.cc/api/xianshi_xianliang?shop_id=' + this.$store.state.shop_id
            })
                .then(function (response) {
                    if (response.data.code == 0) {
                        that.xslgList = response.data.data.data
                    }
                    that.loading6 = false


                    console.log('限时量够明细', response.data)



                })
                .catch(function (error) {
                    console.log(error)
                })
            axios({
                method: 'get',
                url: 'http://doudian-api.fd1.cc/api/youhuiquan?shop_id=' + this.$store.state.shop_id
            })
                .then(function (response) {
                    if (response.data.code == 0) {
                        that.yhjList = response.data.data.data
                    }

                    that.loading7 = false

                })
                .catch(function (error) {
                    console.log(error)
                })
            axios({
                method: 'get',
                url: 'http://doudian-api.fd1.cc/api/man_jian?shop_id=' + this.$store.state.shop_id
            })
                .then(function (response) {
                    if (response.data.code == 0) {
                        that.mjList = response.data.data.data
                    }

                    that.loading8 = false

                    console.log('满减数据概览', response)
                })
                .catch(function (error) {
                    console.log(error)
                })
            axios({
                method: 'get',
                url: 'http://doudian-api.fd1.cc/api/shangpin_guanli?shop_id=' + this.$store.state.shop_id
            })
                .then(function (response) {
                    if (response.data.code == 0) {
                        that.sh_data[0].num = response.data.data.high_90
                        that.sh_data[1].num = response.data.data.low_80
                        that.sh_data[2].num = response.data.data.sell
                        that.sh_data[3].num = response.data.data.total
                        that.sh_data[4].num = response.data.data.yesterday
                    }
                    console.log('扣分', response.data.data)

                    // that.sh_data[5].num = response.data.data.pintui.out_period_ratio.value

                })
                .catch(function (error) {
                    console.log(error)
                })


        },
        mounted: function () {

            this.EchartsInit();

            this.autoRoll()
            let box = document.getElementById("boxed")
            box.addEventListener("mouseenter", (e) => {
                this.autoRoll("stop")
            })
            box.addEventListener("mouseleave", (e) => {
                this.autoRoll()
            })
            this.autoRoll1()
            let box1 = document.getElementById("mjgl")
            box1.addEventListener("mouseenter", (e) => {
                this.autoRoll1("stop")
            })
            box1.addEventListener("mouseleave", (e) => {
                this.autoRoll1()
            })
            this.autoRoll2()
            let box2 = document.getElementById("xslg")
            box2.addEventListener("mouseenter", (e) => {
                this.autoRoll2("stop")
            })
            box2.addEventListener("mouseleave", (e) => {
                this.autoRoll2()
            })
            this.autoRoll3()
            let box3 = document.getElementById("yhj")
            box3.addEventListener("mouseenter", (e) => {
                this.autoRoll3("stop")
            })
            box3.addEventListener("mouseleave", (e) => {
                this.autoRoll3()
            })

        },

        methods: {
            scroll_view(id) {
                document.querySelector(id).scrollIntoView(true);
            },
            get_to(url) {
                console.log(12312423423423)
                window.open(url, '_blank')
            },
            pwdFormatF(pwdPercentage) {
                return '高于' + pwdPercentage + '%同行'
            },
            autoRoll(stop) {
                if (stop) {
                    clearInterval(rolltimer)
                    return
                }
                const table = this.$refs.spzd;
                const divData = table.bodyWrapper;
                rolltimer = setInterval(() => {
                    divData.scrollTop += 4
                    if (divData.clientHeight + divData.scrollTop == divData.scrollHeight) {
                        divData.scrollTop = 0
                    }
                }, 100)
            },

            autoRoll1(stop) {
                if (stop) {
                    clearInterval(rolltimer1)
                    return
                }
                const table = this.$refs.mjgl;
                const divData1 = table.bodyWrapper;
                rolltimer1 = setInterval(() => {
                    divData1.scrollTop += 4
                    if (divData1.clientHeight + divData1.scrollTop == divData1.scrollHeight) {
                        divData1.scrollTop = 0
                    }
                }, 100)
            },
            autoRoll2(stop) {
                if (stop) {
                    clearInterval(rolltimer2)
                    return
                }
                const table = this.$refs.xslg;
                const divData2 = table.bodyWrapper;
                rolltimer2 = setInterval(() => {
                    divData2.scrollTop += 4
                    if (divData2.clientHeight + divData2.scrollTop == divData2.scrollHeight) {
                        divData2.scrollTop = 0
                    }
                }, 100)
            },
            autoRoll3(stop) {
                if (stop) {
                    clearInterval(rolltimer3)
                    return
                }
                const table = this.$refs.yhj;
                const divData = table.bodyWrapper;
                rolltimer3 = setInterval(() => {
                    divData.scrollTop += 4
                    if (divData.clientHeight + divData.scrollTop == divData.scrollHeight) {
                        divData.scrollTop = 0
                    }
                }, 100)
            },
            getInfo() {
                var that = this
                var echarts11 = this.$echarts.init(this.$refs.echarts11)
                echarts11.resize()

                // const myChart = this.$echarts.init(this.$refs.echarts)
                // myChart.resize()
                //6个线
                var echarts10 = this.$echarts.init(this.$refs.echarts10)

                var echarts0 = this.$echarts.init(this.$refs.echarts0)
                var echarts1 = this.$echarts.init(this.$refs.echarts1)
                var echarts2 = this.$echarts.init(this.$refs.echarts2)
                var echarts3 = this.$echarts.init(this.$refs.echarts3)
                var echarts4 = this.$echarts.init(this.$refs.echarts4)
                var echarts5 = this.$echarts.init(this.$refs.echarts5)
                var echarts6 = this.$echarts.init(this.$refs.echarts6)
                var echarts7 = this.$echarts.init(this.$refs.echarts7)
                echarts0.resize()
                echarts2.resize()
                echarts1.resize()
                echarts3.resize()
                echarts4.resize()
                echarts5.resize()
                echarts6.resize()
                echarts7.resize()
                echarts10.resize()
                this.$nextTick(() => {
                    // myChart.resize();

                    echarts0.resize()
                    echarts2.resize()
                    echarts1.resize()
                    echarts3.resize()
                    echarts4.resize()
                    echarts5.resize()
                    echarts11.resize();
                    echarts6.resize()
                    echarts7.resize()
                    echarts10.resize();

                })
                window.addEventListener("resize", () => {

                    echarts10.resize();
                    echarts0.resize()
                    echarts2.resize()
                    echarts1.resize()
                    echarts3.resize()
                    echarts4.resize()
                    echarts5.resize()
                    echarts6.resize()
                    echarts7.resize()
                    echarts11.resize();
                });
            },
            EchartsInit() {
                var that = this
                var echarts10 = this.$echarts.init(this.$refs.echarts10)

                axios({
                    method: 'get',
                    url: 'http://doudian-api.fd1.cc/api/pingjia_guanli?shop_id=' + this.$store.state.shop_id
                })
                    .then(function (response) {
                        that.loading4 = false
                        if (response.data.code == 0) {
                            var pj = response.data.data

                            that.$echarts.init(that.$refs.echarts10).setOption({
                                tooltip: {
                                    trigger: 'item'

                                },
                                series: [

                                    {
                                        type: 'pie',
                                        data: [
                                            {
                                                value: pj.min,
                                                name: '中评'
                                            },
                                            {
                                                value: pj.bad,
                                                name: '差评'
                                            },
                                            {
                                                value: pj.total - pj.bad - pj.min,
                                                name: '好评'
                                            }
                                        ],
                                        // roseType: 'area'
                                    }
                                ]

                            });
                        }

                    })
                    .catch(function (error) {
                        console.log(error)
                    })

                var that = this
                echarts10.resize()
                var echarts11 = this.$echarts.init(this.$refs.echarts11)
                axios({
                    method: 'get',
                    url: 'http://doudian-api.fd1.cc/api/shangpin_guanli?shop_id=' + this.$store.state.shop_id
                })
                    .then(function (response) {
                        that.loading3 = false
                        if (response.data.code == 0) {

                            echarts11.setOption({
                                xAxis: {
                                    data: ['好评率高90%', '好评率低80%', '商店商品数量', '售卖中的数量', '前一天上新数'],
                                    axisLabel: { interval: 0, rotate: 70, fontSize: 10 },
                                },
                                tooltip: {
                                    trigger: 'axis',

                                },
                                yAxis: {},
                                grid: {
                                    left: '15%',
                                    //    containLabel:true,
                                },
                                series: [
                                    {
                                        type: 'bar',
                                        data: [
                                            response.data.data.high_90,
                                            {
                                                value: response.data.data.low_80,
                                                // 设置单个柱子的样式
                                                itemStyle: {
                                                    color: '#ff4114',
                                                    shadowColor: '#91cc75',
                                                    borderType: 'dashed',

                                                }
                                            },
                                            {
                                                value: response.data.data.sell,
                                                // 设置单个柱子的样式
                                                itemStyle: {
                                                    color: '#eba521',
                                                    shadowColor: '#91cc75',
                                                    borderType: 'dashed',

                                                }
                                            },
                                            {
                                                value: response.data.data.total,
                                                // 设置单个柱子的样式
                                                itemStyle: {
                                                    color: '#91cc75',
                                                    shadowColor: '#91cc75',
                                                    borderType: 'dashed',

                                                }
                                            },
                                            {
                                                value: response.data.data.yesterday,
                                                // 设置单个柱子的样式
                                                itemStyle: {
                                                    color: 'gold',
                                                    shadowColor: '#91cc75',
                                                    borderType: 'dashed',

                                                }
                                            },
                                        ],

                                    }
                                ]

                            });
                        }

                    })
                    .catch(function (error) {
                        console.log(error)
                    })

                echarts11.resize()




                // const myChart = this.$echarts.init(this.$refs.echarts)

                // myChart.setOption({
                //     tooltip: {
                //         trigger: 'axis',
                //         axisPointer: {
                //             type: 'cross',
                //             crossStyle: {
                //                 color: '#999'
                //             }
                //         }
                //     },
                //     toolbox: {
                //         feature: {
                //             dataView: { show: true, readOnly: false },
                //             magicType: { show: true, type: ['line', 'bar'] },
                //             restore: { show: true },
                //             saveAsImage: { show: true }
                //         }
                //     },
                //     legend: {
                //         data: ['Evaporation', 'Precipitation', 'Temperature']
                //     },
                //     xAxis: [
                //         {
                //             type: 'category',
                //             data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
                //             axisPointer: {
                //                 type: 'shadow'
                //             }
                //         }
                //     ],
                //     yAxis: [
                //         {
                //             type: 'value',
                //             name: 'Precipitation',
                //             min: 0,
                //             max: 250,
                //             interval: 50,
                //             axisLabel: {
                //                 formatter: '{value} ml'
                //             }
                //         },
                //         {
                //             type: 'value',
                //             name: 'Temperature',
                //             min: 0,
                //             max: 25,
                //             interval: 5,
                //             axisLabel: {
                //                 formatter: '{value} °C'
                //             }
                //         }
                //     ],
                //     series: [
                //         {
                //             name: 'Evaporation',
                //             type: 'bar',
                //             tooltip: {
                //                 valueFormatter: function (value) {
                //                     return value + ' ml';
                //                 }
                //             },
                //             data: [
                //                 2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
                //             ]
                //         },
                //         {
                //             name: 'Precipitation',
                //             type: 'bar',
                //             tooltip: {
                //                 valueFormatter: function (value) {
                //                     return value + ' ml';
                //                 }
                //             },
                //             data: [
                //                 2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
                //             ]
                //         },
                //         {
                //             name: 'Temperature',
                //             type: 'line',
                //             yAxisIndex: 1,
                //             tooltip: {
                //                 valueFormatter: function (value) {
                //                     return value + ' °C';
                //                 }
                //             },
                //             data: [2.0, 2.2, 3.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
                //         }
                //     ]
                // });
                // myChart.resize()
                //6个线
                var echarts0 = this.$echarts.init(this.$refs.echarts0)
                var echarts1 = this.$echarts.init(this.$refs.echarts1)
                var echarts2 = this.$echarts.init(this.$refs.echarts2)
                var echarts3 = this.$echarts.init(this.$refs.echarts3)
                var echarts4 = this.$echarts.init(this.$refs.echarts4)
                var echarts5 = this.$echarts.init(this.$refs.echarts5)
                var echarts6 = this.$echarts.init(this.$refs.echarts6)
                var echarts7 = this.$echarts.init(this.$refs.echarts7)

                axios({
                    method: 'get',
                    url: 'http://doudian-api.fd1.cc/api/tiyanfen?shop_id=' + this.$store.state.shop_id
                })
                    .then(function (response) {
                        console.log('上面拿得到这里不行', echarts0)


                        var title = that.tyf.shop_analysis[0].title
                        var title1 = that.tyf.shop_analysis[1].title
                        var title2 = that.tyf.shop_analysis[2].title
                        var title3 = that.tyf.shop_analysis[3].title
                        var title4 = that.tyf.shop_analysis[4].title
                        var title5 = that.tyf.shop_analysis[5].title
                        var title6 = that.tyf.shop_analysis[6].title
                        var title7 = that.tyf.shop_analysis[7].title
                        var arr = []
                        var arr1 = []
                        var arr2 = []
                        var arr3 = []
                        var arr4 = []
                        var arr5 = []
                        var arr6 = []
                        var arr7 = []

                        var pj_arr2 = []
                        var pj_arr3 = []
                        var pj_arr4 = []
                        var pj_arr5 = []
                        var pj_arr6 = []
                        var pj_arr7 = []



                        for (var i = 0; i < that.tyf.shop_analysis[0].value_period.length; i++) {
                            arr.push([(that.tyf.shop_analysis[0].value_period[i].date).slice(-5), (that.tyf.shop_analysis[0].value_period[i].value) * 10000])
                        }


                        for (var i = 0; i < that.tyf.shop_analysis[1].value_period.length; i++) {
                            arr1.push([(that.tyf.shop_analysis[1].value_period[i].date).slice(-5), (that.tyf.shop_analysis[1].value_period[i].value) * 1000])

                        }


                        for (var i = 0; i < that.tyf.shop_analysis[2].value_period.length; i++) {
                            arr2.push([(that.tyf.shop_analysis[2].value_period[i].date).slice(-5), (that.tyf.shop_analysis[2].value_period[i].value)])
                            pj_arr2.push([(that.tyf.shop_analysis[2].value_period[i].date).slice(-5), (that.tyf.shop_analysis[2].quality_standard_value.quality_standard_in)])
                        }


                        for (var i = 0; i < that.tyf.shop_analysis[3].value_period.length; i++) {
                            arr3.push([that.tyf.shop_analysis[3].value_period[i].date.slice(-5), (that.tyf.shop_analysis[3].value_period[i].value)])
                            pj_arr3.push([that.tyf.shop_analysis[3].value_period[i].date.slice(-5), (that.tyf.shop_analysis[3].quality_standard_value.quality_standard_in)])
                        }


                        for (var i = 0; i < that.tyf.shop_analysis[4].value_period.length; i++) {
                            arr4.push([that.tyf.shop_analysis[4].value_period[i].date.slice(-5), (that.tyf.shop_analysis[4].value_period[i].value) * 10000])
                            pj_arr4.push([that.tyf.shop_analysis[4].value_period[i].date.slice(-5), (that.tyf.shop_analysis[4].quality_standard_value.quality_standard_in) * 10000])
                        }


                        for (var i = 0; i < that.tyf.shop_analysis[5].value_period.length; i++) {
                            arr5.push([that.tyf.shop_analysis[5].value_period[i].date.slice(-5), (that.tyf.shop_analysis[5].value_period[i].value == -9999 ? 0 : response.data.data.shop_analysis[5].value_period[i].value) * 10000])
                            pj_arr5.push([that.tyf.shop_analysis[5].value_period[i].date.slice(-5), (that.tyf.shop_analysis[5].quality_standard_value.quality_standard_in) * 10000])
                        }


                        for (var i = 0; i < that.tyf.shop_analysis[6].value_period.length; i++) {
                            arr6.push([that.tyf.shop_analysis[6].value_period[i].date.slice(-5), (that.tyf.shop_analysis[6].value_period[i].value) * 10000])
                            pj_arr6.push([that.tyf.shop_analysis[6].value_period[i].date.slice(-5), (that.tyf.shop_analysis[6].quality_standard_value.quality_standard_in) * 10000])
                        }


                        for (var i = 0; i < that.tyf.shop_analysis[7].value_period.length; i++) {
                            arr7.push([that.tyf.shop_analysis[7].value_period[i].date.slice(-5), (that.tyf.shop_analysis[7].value_period[i].value == -9999 ? 0 : that.tyf.shop_analysis[7].value_period[i].value) * 10000])
                            pj_arr7.push([that.tyf.shop_analysis[7].value_period[i].date.slice(-5), (that.tyf.shop_analysis[7].quality_standard_value.quality_standard_in) * 10000])
                        }


                        console.log('数组', arr, arr1, arr2, arr3, arr4, arr5, arr6, arr7, pj_arr5)
                        that.$echarts.init(that.$refs.echarts0, null, {
                                width: 200,
                                height: 100
                            }).setOption({
                            tooltip: {
                                trigger: 'axis',

                            },
                            xAxis: {
                                type: 'category',
                                boundaryGap: false,
                                minorTick: {
                                    show: true
                                },
                                axisLabel: {
                                    interval: 28,
                                },
                                minorSplitLine: {
                                    show: true
                                }
                            },
                            yAxis: {
                                show: false,
                                name: 'y',
                                // min: -100,
                                // max: 100,
                                minorTick: {
                                    show: true
                                },
                                minorSplitLine: {
                                    show: true
                                }


                            },
                            grid: {

                                //    containLabel:true,
                                top: '16%',
                                bottom: '16%',
                                right: '16%',
                                left: '16%'


                            },
                            series: [
                                {
                                    data: arr,
                                    type: 'line',
                                    showSymbol: false,
                                    clip: false,
                                    smooth: true,
                                    name: title,
                                    areaStyle: {
                                        color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                            {
                                                offset: 0,
                                                color: 'rgb(35, 111, 211,  0.65)'
                                            },
                                            {
                                                offset: 1,
                                                color: 'rgb(255, 255, 255, 0.65)'
                                            }
                                        ])
                                    },
                                }

                            ]
                        })
                        that.$echarts.init(that.$refs.echarts1, null, {
                                width: 200,
                                height: 100
                            }).setOption({
                            tooltip: {
                                trigger: 'axis',

                            },
                            xAxis: {
                                type: 'category',
                                boundaryGap: false,
                                minorTick: {
                                    show: true
                                },
                                axisLabel: {
                                    interval: 28
                                },
                                minorSplitLine: {
                                    show: true
                                }
                            },
                            grid: {
                                top: '16%',
                                bottom: '16%',
                                right: '16%',
                                left: '16%'

                            },
                            yAxis: {
                                show: false,
                                name: 'y',
                                // min: -100,
                                // max: 100,
                                minorTick: {
                                    show: true
                                },
                                minorSplitLine: {
                                    show: true
                                }


                            },

                            series: [
                                {
                                    data: arr1,
                                    type: 'line',
                                    showSymbol: false,
                                    clip: false,
                                    smooth: true,
                                    name: title1,
                                    areaStyle: {
                                        color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                            {
                                                offset: 0,
                                                color: 'rgb(35, 111, 211,  0.65)'
                                            },
                                            {
                                                offset: 1,
                                                color: 'rgb(255, 255, 255, 0.65)'
                                            }
                                        ])
                                    },
                                }

                            ]
                        })
                        that.$echarts.init(that.$refs.echarts2, null, {
                                width: 200,
                                height: 100
                            }).setOption({
                            tooltip: {
                                trigger: 'axis',

                            },
                            xAxis: {
                                type: 'category',
                                boundaryGap: false,
                                minorTick: {
                                    show: true
                                },
                                axisLabel: {
                                    interval: 28
                                },
                                minorSplitLine: {
                                    show: true
                                }
                            },
                            grid: {
                                top: '2px',
                                top: '16%',
                                bottom: '16%',
                                right: '16%',
                                left: '16%'

                            },
                            yAxis: {
                                show: false,
                                name: 'y',
                                // min: -100,
                                // max: 100,
                                minorTick: {
                                    show: true
                                },
                                minorSplitLine: {
                                    show: true
                                }


                            },

                            series: [
                                {
                                    data: arr2,
                                    type: 'line',
                                    showSymbol: false,
                                    clip: false,
                                    smooth: true,
                                    name: title2,
                                    areaStyle: {
                                        color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                            {
                                                offset: 0,
                                                color: 'rgb(35, 111, 211,  0.65)'
                                            },
                                            {
                                                offset: 1,
                                                color: 'rgb(255, 255, 255, 0.65)'
                                            }
                                        ])
                                    },
                                },
                                {
                                    data: pj_arr2,
                                    type: 'line',
                                    showSymbol: false,
                                    clip: false,
                                    smooth: true,
                                    name: '优质标准',
                                    lineStyle: {
                                        normal: {
                                            color: '#694829',
                                        }
                                    }
                                }
                            ]
                        })
                        that.$echarts.init(that.$refs.echarts3, null, {
                                width: 200,
                                height: 100
                            }).setOption({
                            tooltip: {
                                trigger: 'axis',

                            },
                            xAxis: {
                                type: 'category',
                                boundaryGap: false,
                                minorTick: {
                                    show: true
                                },
                                axisLabel: {
                                    interval: 28
                                },
                                minorSplitLine: {
                                    show: true
                                }
                            },
                            grid: {
                                top: '16%',
                                bottom: '16%',
                                right: '16%',
                                left: '16%'
                            },
                            yAxis: {
                                show: false,
                                name: 'y',
                                // min: -100,
                                // max: 100,
                                minorTick: {
                                    show: true
                                },
                                minorSplitLine: {
                                    show: true
                                }


                            },

                            series: [
                                {
                                    data: arr3,
                                    type: 'line',
                                    showSymbol: false,
                                    clip: false,
                                    smooth: true,
                                    name: title3,
                                    areaStyle: {
                                        color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                            {
                                                offset: 0,
                                                color: 'rgb(35, 111, 211,  0.65)'
                                            },
                                            {
                                                offset: 1,
                                                color: 'rgb(255, 255, 255, 0.65)'
                                            }
                                        ])
                                    },
                                },
                                {
                                    data: pj_arr3,
                                    type: 'line',
                                    showSymbol: false,
                                    clip: false,
                                    smooth: true,
                                    name: '优质标准',
                                    lineStyle: {
                                        normal: {
                                            color: '#694829',
                                        }
                                    }
                                }
                            ]
                        })
                        that.$echarts.init(that.$refs.echarts4, null, {
                                width: 200,
                                height: 100
                            }).setOption({
                            tooltip: {
                                trigger: 'axis',

                            },
                            xAxis: {
                                type: 'category',
                                boundaryGap: false,
                                minorTick: {
                                    show: true
                                },
                                axisLabel: {
                                    interval: 28
                                },
                                minorSplitLine: {
                                    show: true
                                }
                            },
                            grid: {
                                top: '16%',
                                bottom: '16%',
                                right: '16%',
                                left: '16%'
                            },
                            yAxis: {
                                show: false,
                                name: 'y',
                                // min: -100,
                                // max: 100,
                                minorTick: {
                                    show: true
                                },
                                minorSplitLine: {
                                    show: true
                                }


                            },

                            series: [
                                {
                                    data: arr4,
                                    type: 'line',
                                    showSymbol: false,
                                    clip: false,
                                    smooth: true,
                                    name: title4,
                                    areaStyle: {
                                        color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                            {
                                                offset: 0,
                                                color: 'rgb(35, 111, 211,  0.65)'
                                            },
                                            {
                                                offset: 1,
                                                color: 'rgb(255, 255, 255, 0.65)'
                                            }
                                        ])
                                    },
                                },
                                {
                                    data: pj_arr4,
                                    type: 'line',
                                    showSymbol: false,
                                    clip: false,
                                    smooth: true,
                                    name: '优质标准',
                                    lineStyle: {
                                        normal: {
                                            color: '#694829',
                                        }
                                    }
                                }
                            ]
                        })
                        that.$echarts.init(that.$refs.echarts5, null, {
                                width: 200,
                                height: 100
                            }).setOption({
                            tooltip: {
                                trigger: 'axis',

                            },
                            xAxis: {
                                type: 'category',
                                boundaryGap: false,
                                minorTick: {
                                    show: true
                                },
                                axisLabel: {
                                    interval: 28
                                },
                                minorSplitLine: {
                                    show: true
                                }
                            },
                            grid: {
                                top: '16%',
                                bottom: '16%',
                                right: '16%',
                                left: '16%'

                            },
                            yAxis: {
                                show: false,
                                name: 'y',
                                // min: -100,
                                // max: 100,
                                minorTick: {
                                    show: true
                                },
                                minorSplitLine: {
                                    show: true
                                }


                            },

                            series: [
                                {
                                    data: arr5,
                                    type: 'line',
                                    showSymbol: false,
                                    clip: false,
                                    smooth: true,
                                    name: title5,
                                    areaStyle: {
                                        color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                            {
                                                offset: 0,
                                                color: 'rgb(35, 111, 211,  0.65)'
                                            },
                                            {
                                                offset: 1,
                                                color: 'rgb(255, 255, 255, 0.65)'
                                            }
                                        ])
                                    },
                                },
                                {
                                    data: pj_arr5,
                                    type: 'line',
                                    showSymbol: false,
                                    clip: false,
                                    smooth: true,
                                    name: '优质标准',
                                    lineStyle: {
                                        normal: {
                                            color: '#694829',
                                        }
                                    }
                                }
                            ]
                        })
                        that.$echarts.init(that.$refs.echarts6, null, {
                                width: 200,
                                height: 100
                            }).setOption({
                            tooltip: {
                                trigger: 'axis',

                            },
                            xAxis: {
                                type: 'category',
                                boundaryGap: false,
                                minorTick: {
                                    show: true
                                },
                                axisLabel: {
                                    interval: 28
                                },
                                minorSplitLine: {
                                    show: true
                                }
                            },
                            grid: {
                                top: '16%',
                                bottom: '16%',
                                right: '16%',
                                left: '16%'

                            },
                            yAxis: {
                                show: false,
                                name: 'y',
                                // min: -100,
                                // max: 100,
                                minorTick: {
                                    show: true
                                },
                                minorSplitLine: {
                                    show: true
                                }


                            },

                            series: [
                                {
                                    data: arr6,
                                    type: 'line',
                                    showSymbol: false,
                                    clip: false,
                                    smooth: true,
                                    name: title6,
                                    areaStyle: {
                                        color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                            {
                                                offset: 0,
                                                color: 'rgb(35, 111, 211,  0.65)'
                                            },
                                            {
                                                offset: 1,
                                                color: 'rgb(255, 255, 255, 0.65)'
                                            }
                                        ])
                                    },
                                },
                                {
                                    data: pj_arr6,
                                    type: 'line',
                                    showSymbol: false,
                                    clip: false,
                                    smooth: true,
                                    name: '优质标准',
                                    lineStyle: {
                                        normal: {
                                            color: '#694829',
                                        }
                                    }
                                }
                            ]
                        })
                        that.$echarts.init(that.$refs.echarts7, null, {
                                width: 200,
                                height: 100
                            }).setOption({
                            tooltip: {
                                trigger: 'axis',

                            },
                            xAxis: {
                                type: 'category',
                                boundaryGap: false,
                                minorTick: {
                                    show: true
                                },
                                axisLabel: {
                                    interval: 28
                                },
                                minorSplitLine: {
                                    show: true
                                }
                            },
                            grid: {
                                top: '16%',
                                bottom: '16%',
                                right: '16%',
                                left: '16%'

                            },
                            yAxis: {
                                show: false,
                                name: 'y',
                                // min: -100,
                                // max: 100,
                                minorTick: {
                                    show: true
                                },
                                minorSplitLine: {
                                    show: true
                                }


                            },

                            series: [
                                {
                                    data: arr7,
                                    type: 'line',
                                    showSymbol: false,
                                    clip: false,
                                    smooth: true,
                                    name: title7,
                                    areaStyle: {
                                        color: new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
                                            {
                                                offset: 0,
                                                color: 'rgb(35, 111, 211,  0.65)'
                                            },
                                            {
                                                offset: 1,
                                                color: 'rgb(255, 255, 255, 0.65)'
                                            }
                                        ])
                                    },
                                },
                                {
                                    data: pj_arr7,
                                    type: 'line',
                                    showSymbol: false,
                                    clip: false,
                                    smooth: true,
                                    name: title,
                                    lineStyle: {
                                        normal: {
                                            color: '#694829',
                                        }
                                    }
                                }
                            ]
                        })

                        // that.tyff = response.data.data
                        // console.log('体验分', response.data.data)
                        // that.datalist = response.data.data.product_card_msg

                    })
                    .catch(function (error) {
                        console.log(error)
                    })


                echarts0.resize()
                echarts2.resize()
                echarts1.resize()
                echarts3.resize()
                echarts4.resize()
                echarts5.resize()
                echarts6.resize()
                echarts7.resize()
                echarts10.resize()
                this.$nextTick(() => {

                    echarts0.resize()
                    echarts2.resize()
                    echarts1.resize()
                    echarts3.resize()
                    echarts4.resize()
                    echarts5.resize()
                    echarts11.resize();
                    echarts6.resize()
                    echarts7.resize()
                    echarts10.resize()

                })
                window.addEventListener("resize", () => {


                    echarts0.resize()
                    echarts2.resize()
                    echarts1.resize()
                    echarts3.resize()
                    echarts4.resize()
                    echarts5.resize()
                    echarts6.resize()
                    echarts7.resize()
                    echarts11.resize();
                    echarts10.resize()

                });
            }
        }
    }
</script>
<style lang="less">
    .el-progress__text {
        margin: .625rem;
    }

    .el-progress {
        margin-right: .625rem;
    }

    .line {
        padding: 5px
    }

    .content_left_content_right {
        text-align: center;
        font-size: 1.25rem;
        /* color: #379ae1; */
        margin-right: .625rem;
        margin-bottom: 10px;
    }

    .spty_title_map {
        align-items: center;
        background: hsla(36, 65%, 90%, .15);
        border: 0.433px solid #f6e9d5;
        border-radius: 4px;
        /* display: flex; */
        margin-right: 10px;
        margin-bottom: 16px;
        padding: 12px 16px;

        .right_bhf {
            font-size: 12px;
            color: #694829;
            margin-left: 28px;
            align-items: baseline;
        }

        .right_bhf_fs {
            color: #694829;
            line-height: 1px;
            align-items: baseline;
            /* display: flex; */
            font-family: Barlow;
            font-size: 13px;
            font-weight: 700;
            padding: 0 2px;
        }

        .title_tyf {
            font-size: 14px;
            font-weight: 600;
            line-height: 14px;
            margin-bottom: 10px;
        }
    }

    .ty_type {
        border: 1px solid #eeeff0;
        border-radius: 4px;
        flex: 1 1;
        min-width: 110px;
        padding: 8px 12px;
        margin: 10px 10px 10px 0;
        transition: border .3s;

        .jqyr {
            color: #898b8f;
            font-size: 12px;

            span {
                color: rgb(33, 37, 51);
            }
        }

        .bfb {
            color: #898b8f;
            font-size: 12px;
            font-weight: 400;
            line-height: 18px;
        }

        .ty_type_content {
            color: #212533;
            font-family: Barlow;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: 28px;

            .ty_type_content_zt_lu {
                color: rgb(60, 199, 129);
                background: rgb(239, 251, 245);
                margin-left: 8px;
                display: inline-block;
                padding: 0 4px;
                height: 16px;
                border-radius: 2px;
                font-size: 12px;
                line-height: 16px;
                text-align: center;
                font-weight: 500;
            }

            .ty_type_content_zt_lan {
                /* color: rgb(60, 199, 129); */
                background: rgb(239, 251, 245);
                margin-left: 8px;
            }

            .ty_type_content_zt_hon {
                /* color: rgb(60, 199, 129); */
                background: rgb(239, 251, 245);
                margin-left: 8px;
            }
        }

        .ty_type_title {
            color: #565960;
            display: flex;
            font-size: 12px;
            font-weight: 500;
            justify-content: space-between;
            line-height: 18px;
        }
    }

    .aabbcc {
        background: #fff;
        border: 1px solid #eeeff0;
        border-radius: 4px;
        padding-bottom: .9375rem;
        /* margin-right: 20px; */
    }

    .spk {
        color: #898b8f;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
    }

    .qzzb {
        color: #86898c;
        font-size: 12px;
        font-weight: 400;
        line-height: 17px;
        margin-left: 8px;
    }

    .border_radiu {
        cursor: pointer;
        padding: 12px;
        background: #fff;
        border: 1px solid #eeeff0;
        border-radius: 4px;
        margin: 0 10px 10px 0
    }

    .font1 {
        font-weight: 500;
        font-size: .75rem;
        line-height: 1.25rem;
        color: #565960;
        display: flex;
        align-items: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .borde_box {
        padding: .4rem 0;
    }

    .tb_name {
        font-family: "Barlow";
        font-weight: 600;
        font-size: 18px;
        line-height: 24px;
        color: #252931;
        margin: 10px 0;

    }

    .line {
        color: #000;
        font-weight: bold;
        word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .content_left_bottom_content {
        font-size: 12px;

        margin-right: 0.625rem;
        margin-bottom: 10px;
        margin-top: 1.25rem
    }

    .content_right {
        padding: .625rem;
        width: scal(100%-.625rem);
        margin-left: .625rem;
        border-radius: 0.4rem;
        background-color: rgba(254, 255, 255, 0.9);

        .content_right_title {
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            font-weight: bold;
            margin-left: 0.375rem;
            margin-bottom: 0.1875rem;
            /* color: transparent; */
            /* background-image: linear-gradient(45deg, gold, purple, cyan, deeppink); */
            -webkit-background-clip: text;
        }

        .content_right_top_right {
            /* font-size: 1.2rem; */
            /* padding: 1.55rem; */
            margin-left: 1.25rem;

            div {
                /* line-height:3.5625rem; */
            }

        }

        .content_left_bottom_content1 {
            font-size: 10px;
            color: #03a9f4;
            margin-right: .625rem;
            margin-bottom: 10px;
            margin-top: 1.25rem;
            background: ;

        }

        .content_right_bottom_top {
            background-color: ;

        }

        .ontent_right_top_bottom {

            padding: .1875rem;
            margin-top: .625rem;
            font-size: .625rem;

            .ontent_right_top_bottom_top {
                background-color: ;
                padding: .625rem;
            }

            .ontent_right_top_bottom_top_right {
                line-height: 2.5625rem;
                text-align: center;

                .suzi {
                    font-size: .7rem;
                    color: #000;
                    font-weight: bold;

                }

                /* background-color: ; */
            }

            .ontent_right_top_bottom_left {
                font-size: .875rem;
                font-weight: bold;

                span {
                    font-size: .75rem;
                    margin-left: .625rem;
                }
            }

            .ontent_right_top_bottom_right {
                color: #cbc1c1;

                span {
                    font-size: .625rem;
                    margin-left: .625rem;
                }
            }
        }

        .content_right_top_left {

            background: #f3dfa58f;
            height: 2.8125rem;
            line-height: 2.8125rem;
            padding-left: 1.25rem;
            width: 85%;
            font-size: 1.125rem;
            align-items: center;
            flex-direction: row;
            background: linear-gradient(280.9deg, transparent, rgba(255, 236, 218, .1) 8.07%, rgba(255, 146, 38, .08));

            span {
                color: #e9a52a;
            }
        }
    }

    .map4 {
        width: 100%;
        height: 10.25rem;
        background-color: ;
        border-radius: .625rem;

        canvas {
            width: 100%;
        }
    }

    canvas {
        width: 100%;
    }

    .map {
        width: 100%;
        height: 7.5rem;
        /* background-color: ; */
        border-radius: .625rem;
    }

    .content_right_left {
        background-color: ;
        border-radius: .625rem;
        /* padding: 1.25rem; */
    }


    .title1 {
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-weight: bold;
        /* width: 6.25rem; */
        /* color: transparent; */
        /* background-image: linear-gradient(45deg, gold, purple, cyan, deeppink); */
        -webkit-background-clip: text;
        color: #252931;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        margin-bottom: 16px;
    }

    .hon {
        width: 2.1875rem;
        text-align: center;
        background-color: #ffe5e6;
        color: #ff3b52;
        font-size: .9375rem;
    }

    .lu {
        width: 2.1875rem;
        text-align: center;
        background-color: #e3faec;
        color: #3cc781;
        font-size: .9375rem;
    }

    .lan {
        width: 2.1875rem;
        text-align: center;
        background-color: #ebf3ff;
        color: #1966ff;
        font-size: .9375rem;
    }

    .tb {
        font-size: .625rem;
        color: #cbc1c1;
    }

    .cy {
        font-size: .625rem;
        margin: .3125rem .3125rem .3125rem 0;

    }
</style>